html { overflow:hidden; }
/*
Layout
--------------------------------------------------------------------- */
.top {
    height:45px; 
    padding:0px 20px; 
    overflow:hidden;
    background:url(../images/sprite.png) repeat-x;
}

.top h1{float:left; width:30%}
.top ul{float:right; padding:10px 10px 0;}
.top li{display:inline-block; float:left; padding:0 2px; color:#FFFFFF;}
.top p { float:right; padding:10px 10px 0;}
.top-bottom{ border-bottom: 1px solid #ccc;}


/*
  Navigation
--------------------------------------------------------------------- */
.nav-bar {
    height:33px; 
    background:url(../images/sprite.png) repeat-x 0 -146px; 
    overflow:hidden; 
    padding:0 24px;
}

.nav-bar li {
    float:left; 
    height:32px; 
    line-height:32px;

}


.nav-bar .nav-item { 
    position:relative;
    width:171px; 
    text-align:center;
    background:url(../images/sprite.png) repeat-x 0 -47px; 
    
}

.nav-bar .nav-item .txt{
    width:155px;
	display:block;
    background:url(../images/sprite.png) repeat-x 0 -47px; 
    color:#7f7f7f;
    background:url(../images/sprite.png) repeat-x 0 -47px;
}

.nav-bar .nav-item .txt:hover{
    color:#333333;
	background:url(../images/sprite.png) repeat-x 0 -80px;
}

.nav-bar .select .txt{
	color:none;
	color:#f2f2f2;
    background:none; 
}

.nav-bar .select .txt:hover{
    color:#f2f2f2;
	background:none;
}

.nav-bar .select { 
    background:url(../images/sprite.png) repeat-x 0 -113px;
    font-weight:bold;
}

.new-page-button, .controlcenter, .nav-item { 
    border-right:1px solid #bebebe;
}

.controlcenter {
    width:149px; 
}
.controlcenter a {
/*    background:url(../images/sprite.png) no-repeat 0 -250px; */
    padding-left:24px;
	font-size:13px;
	font-weight:bold;
	color:#999999;
}

.new-page-button {
    background:url(../images/sprite.png) no-repeat -26px -362px; 
    width:26px; 
    text-align:center;
}



.nav-item .icon-close {
float:right; background:url(../images/sprite.png) no-repeat -31px -313px; width:16px;
}
.nav-item .icon-active{
float:right; background:url(../images/sprite.png) no-repeat -105px -313px; width:16px;
}
.nav-item .icon-hover{
float:right; background:url(../images/sprite.png) no-repeat -175px -313px; width:16px;
}

.nav .normal .icon-close {
float:right; background:url(../images/sprite.png) no-repeat -31px -313px; width:16px;
}
.subnav {float:right;}
.subnav li a {
    background:url(../images/sprite.png) no-repeat -62px -405px;
    padding-left:20px;
    margin-left:20px;
    display:block;
}
.subnav li.config a {
/*    background-position:0 -372px;*/
}
.subnav li.help a {
/*    background-position:0 -349px;*/
}

.wrapper {background:#ebebeb; }
.wrapper .left{ width:173px; float: left; background:#FFF; border-right: 1px solid #c8c8c8;}
.wrapper .center{background:url(../images/stretch.png) no-repeat; width:9px; float: left;}
.wrapper .closed {background:url(../images/stretchi.png) no-repeat; width:9px; float: left;}
.wrapper .right { _float: left; margin-left: 183px; _margin:0; background:#ebebeb;}
.wrapper .right iframe { width:100%; border:none; background:#ebebeb; }
 body .wrapper .right iframe body{ margin:0 auto; width:97%; }

/*
  login
--------------------------------------------------------------------- */
.login-box{
    width: 520px;
    z-index:999;
    left:50%;
    top:50%;
    margin-left:-250px!important;/*FF IE7 该值为本身宽的一半 */
    margin-top:-200px!important;/*FF IE7 该值为本身高的一半*/
    margin-top:0px;
    position:fixed!important;/* FF IE7*/
    position:absolute;/*IE6*/

}
.login-box a{ color:#1265D6; }
.login-box a:hover { color:#0346A2; }
.login-box .head {
    width: 520px;
    height: 15px;
    background: url("../images/login.jpg") no-repeat;
}
.login-box .body{
    padding: 20px 20px 0;
    height: 227px;
    width: 480px;
    background:url("../images/login_bg.jpg") no-repeat;
}
.login-box .body dl:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}
.login-box .body dt{
    float: left;
    width: 160px;
    height :200px;
    background: url("../images/login_logo.gif") no-repeat;
}
.login-box .body dd{
}

.login-box .body  p{
    padding-top: 5px;
}
.login-box .body span{ margin:0 5px;}
.login-box .body dd .button {
    margin: 0;
    padding: 0;
    border:0 none;
    width: 56px;
    height: 22px;
    background: url("../images/login_but.gif");
}
.login-box .body dd .right {
    width: 460px;
    text-align : right;
}
.login-box .body dd .verification{
    position: absolute;
}
.login-box .body dd .verification a{
    display: block;
    text-align: center;
}
.login-box .body dd .verification .left{
    float:left;
    display: block;
    margin:0;
    padding:0;
    width: 19px;
    height: 120px;
    background: url("../images/verification_left.png") no-repeat;
}
.login-box .body dd .verification .content{
    float: left;
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    height: 110px;
    background: url("../images/verification.png") repeat-x;
}
.login-box .body dd .verification .right{
    float: left;
    display: block;
    margin:0;
    padding:0;
    width: 12px;
    height: 120px;
    background: url("../images/verification_right.png") no-repeat;
}

.login-box .bottom {
    width: 520px;
    height: 15px;
    background: url("../images/login.jpg") no-repeat 0 -15px;
}
